<template>
  <MineAccountHeader :title="title"/>
  <div class="gap">
    <ItemView :item="item1"/>
    <ItemView :item="item2"/>
    <ItemView :item="item3"/>
    <ItemView :item="item4"/>
  </div>
</template>
<script setup lang="ts">
import {ref,reactive} from "vue"
import MineAccountHeader from "../../components/PubHeaderComponent.vue"
import ItemView from "./components/ItemView.vue"

const title = "账号管理"

const item1 = {
    title:"用户名",
    text:"未设置",
    textColor:"#999"
}
const item2 = {
    title:"手机号",
    text:"未设置",
    textColor:"#999"
}
const item3 = {
    title:"邮箱",
    text:"未设置",
    textColor:"#999"
}
const item4 = {
    title:"修改密码",
    text:""
}

</script>
<style lang="less" scoped>
.gap{
    margin: 10px 0;
}
</style>
